<template>
    <div class="ReadOnly">
        {{ InputValue }} {{ Option.Unit }}
    </div>
</template>
<script setup>
import { ref, watch } from 'vue';

// const emit = defineEmits(['update:modelValue'])
const props = defineProps({
    Option: Object,
    modelValue: String | Number,
});

const InputValue = ref();

watch(() => props.modelValue, val => {
    InputValue.value = val;
}, { immediate: true });

</script>
<style lang="less" scoped>
.ReadOnly {
    line-height: 1.5715;
    padding: 0px 7px
}
</style>